<template>
    <div class="main">
        <div class="cover_c">  
            <div class="cover">
                <img src="https://xxx.oss.com/dxdh/%E8%92%99%E7%89%88%E7%BB%84%201.png" alt="" style="width:100%;height:100%">
            </div>
        </div>
        <div class="content">
            <div class="left">
                <left-navigation-bar :barItem='barItem' :barTopFlag='barTopFlag'></left-navigation-bar>
            </div>
            <div class="right">
                <router-view></router-view>
            </div>
        </div>
    </div>    
</template>

<script>
import leftNavigationBar from '../../components/leftNavigationBar'
export default {
    components:{
        leftNavigationBar
    },
    data(){
        return{
            barItem:[
                // {
                //     value:"操作指南",
                //     router:'/workingmanual'
                // },
                // {
                //     value:"职业意向",
                //     router:'/CareerIntention'
                // },
                {
                    value:"专业剖析",
                    router:'/ProfessionalDirection'
                },
				{
				    value:"学科排名",
				    router:'/Disciplineranking'
				},
				{
				    value:"重点学科",
				    router:'/Keydisciplines'
				},
				{
				    value:"院校剖析",
				    router:'/UniversityDirection'
				}
            ],
            barTopFlag:false
        }
    }
}
</script>
<style scoped>
.main{
    margin-bottom: 50px;
}
.cover{
    position: absolute;
    top: -210px;
    z-index: 0;
    /* width: 100%; */
    height: 276px;
    left: 50%;
    margin-left: -960px; 
    overflow: hidden;
}
.cover_c{
    position: relative;
    width: 100%;
}
.content{
    width:1448px;
    margin: 0 auto;
    margin-top: 90px;
    position: relative;
    /* background-color: #fff; */
    min-height: 700px;
    z-index: 1;
    display: flex;
    flex-direction: row;
}
.left{
    width: 330px;
    /* min-height: 100px; */
    background-color: #fff; 
    margin-right: 20px;
}
.right{
    width: 1098px;
    /* min-height: 100px; */
    background-color: #fff; 
}
</style>